<template>
    <div id="app">
        <Header />
        <Aside></Aside>
        <!-- app.vue是根组件,所有的路由组件都想在router-view里去渲染 -->
        <router-view class="view-box"></router-view>
    </div>
</template>

<script>
    import Header from '@/components/Header';
    import Aside from '@/components/Aside';
    export default {
        
        created() {
            
        },

        components: {
            Header,
            Aside,
        },
        methods: {
           
        }
    };

</script>

<style lang="less">
	/*加载重置样式的css*/
    @import './assets/styles/reset.css';
    /*加载公共的样式css*/
    @import './assets/styles/common.less';
    /*加载字体图标的css*/
    @import './assets/styles/iconfont/iconfont.css';

    html,
    body {
        height: 100%;
        background-color: #ebebeb;
    }

    #app {
        height: 100%;
        padding-top: 50px;

        .van-nav-bar {
            background: #282828;
        }

        .van-nav-bar .van-icon {
            color: #999;
        }

        .view-box {
            height: 100%;
        }
    }

</style>
<style lang="less" scoped>
    .title-box {
        display: flex;
        justify-content: space-between;
        color: #fff;
    }

    .main {
        margin-top: 50px;
    }

</style>
